<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!--说明：因为部署到线上服务器后，线上服务器是1M带宽的小水管，要花费好几秒时间加载这些静态文件，所以注释掉采用使用CDN的方式-->
    <!--<link href="../static/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">-->
    <!--<script src="../static/js/jquery-1.12.4.js"></script>-->
    <!--<script src="../static/bootstrap-3.3.7-dist/js/bootstrap.js"></script>-->

    <!--说明：因为部署到线上服务器后，线上服务器是1M带宽的小水管，要花费好几秒时间加载这些静态文件，所以注释掉采用使用CDN的方式-->
    <!--bootstrap.css-->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件 务必在bootstrap.js 之前引入 -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    <!--bootstrap.js-->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
</head>
<body>
  <div class="col-lg-6 col-md-8 col-sm-10 col-xm-12">
      <table class="table table-responsive table-hover table-striped table-bordered">
          <thread>
              <tr>
                  <th>data</th>
                  <th>data</th>
                  <th>data</th>
                  <th>data</th>
                  <th>data</th>
                  <th>data</th>
              </tr>
          </thread>
          <tbody>
          <tr>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
          </tr>
          <tr>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
          </tr>
          <tr>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
          </tr>
          <tr>
              <td><input type="text" class="btn btn-info" value="按钮"></td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
              <td>data</td>
          </tr>
          </tbody>
      </table>

  </div>
  <span class="glyphicon glyphicon-user" style="color: red; font-size: 100px;"></span>
  <div class="dropdown">
      <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
          下拉菜单
          <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
          <li>aaa</li>
          <li>aaa</li>
          <li>aaa</li>
          <li>aaa</li>
      </ul>
  </div>
</body>
</html>